/********************************!
 * Home Page Layout & Theme CSS *
 ********************************/




 /***********************************************************
  * For Home Page Banner Section  */
.home-banner-section{
      position: relative;border-bottom: 5px solid #5aa9a8
}
.home-banner-section .bx-viewport, 
.home-banner-section .bx-viewport .homeBanner{
      height: 75vh !important;
}
.home-banner-section .bx-viewport .banner-item{
      height: 100%;
}
.home-banner-section .bx-viewport .banner-item img{
      width: 100%;
      height: 100%;
      object-fit: cover;
}

.home-banner-section.listingBannerSection{
      height: 60vh;
}
.home-banner-section.listingBannerSection .banner-item{
      position: absolute;top: 0; left: 0; width: 100%; height: 100%;
}
.home-banner-section.listingBannerSection .banner-item img{
      width: 100%; height: 100%; object-fit: cover
}

.banner-details{
      position: absolute;
      right: 15px;
      bottom: 15px;
      background: rgba(0,0,0,.5);
      padding: 15px 25px;
      max-width: 400px;
}
.banner-details h1{
      font-size: 18px;
      text-transform: uppercase;
      color: #fff;
      margin: 0;
      font-weight: 300;
      font-family: Montserrat
}

.banner-form-section{
      position: absolute;
      width: 70%;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 1;
      height: 180px;
}
.banner-form-section h2{
      text-align: center; color: #fff; font-family: ProximaNova-Semibold; font-size: 42px; text-shadow: 2px 3px 2px rgba(0,0,0,.2);
      position: relative; top: -45px;
}
.banner-form-section .homepage_title{
    font-family: BrandonGrotesque-light;
    font-weight: bold;
      text-transform: uppercase;
}
.banner-form-panel{
      background: rgba(85, 176, 181, 0.71);
      padding: 15px;border-radius: 5px;  position: relative;
}
.form-inset-container{display: none;}
.form-inset-container.active{
      display: block;
}
.banner-form-panel .form-field{
      position: relative;
}
.banner-form-panel .form-field .form-control{
      border: 0;
      padding-left: 37px;
      height: 38px;
      font-size: 13px;
}
.banner-form-panel .form-field i{
      position: absolute;
      font-size: 15px;
      color: #999999;
      top: 13px;
      left: 15px;
}

 
.banner-form-panel .btn{
      height: 38px;
      font-size: 15px;
      text-transform: uppercase;
      font-family: ProximaNova-Semibold;
}
#rangeHolder {
    margin: 0 auto;
}
#rangeHolder select {
    border-radius: 0em;
}
.banner-content-info{
      background: rgba(0,0,0,.8);
      position: absolute; bottom: 10px; left: 0;
      width: 350px; padding: 20px 25px;
}
.banner-content-info h4{
      color: #fff; font-size: 16px; font-family: ProximaNova-Semibold;font-weight: normal; margin: 0
}
.banner-content-info h4 a {
    color: #fff !important;
    text-decoration: none;
}
.banner-content-info p{
      color: #fff; padding: 0; margin: 0; font-size: 13px;
}

/**************************************************************/

.banner-tab-panel{
      position:absolute; top: -42px; left: 0;
}
.banner-tab-panel a{
      display: inline-block; border-radius: 3px; background: #fff; color: #55b0b5;padding: 3px 10px; text-decoration: none;
      position: relative; min-width: 50px; text-align: center; text-transform: uppercase; font-weight: normal;font-family: BrandonGrotesque-Medium;
}
.banner-tab-panel a.active{
      background: #818286; color: #fff;
}
.banner-tab-panel a.active:before{
      content: ""; position: absolute; top: auto; left: 0; right: 0; bottom: -16px; height: 1px; width: 1px; margin: auto;
      border-style: solid; border-width: 8px; border-color: #818286 transparent transparent transparent;
}
.banner-tab-panel a + a{
      margin-left: 5px;
}

/************************************************************/
.strip-bar-section{}
.strip-bar-section .row{
      margin-left: 0; margin-right: 0;
}
.strip-bar-section .col-strip-1{
      background: #ef6464; padding: 0
}
.strip-bar-section .col-strip-2{
      background: #5aa9a8;padding: 0
}
.strip-bar-section a{
      display: block; text-decoration: none; color: #fff;font-family: ProximaNova-Regular; font-size: 21px; text-transform: uppercase;
      padding: 8px 15px; text-align: center      
}


/***********************************************************/
.highlight-section .row{
      margin-left: 0; margin-right: 0;
}
.highlight-section .hs-col{
      padding: 45px 25px;
}
.highlight-section .hs-col .icon{
      display: block;
      margin: auto;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background: #5aa9a8;
      color: #fff;
      font-size: 26px;
      text-align: center;
      position: relative;
      margin-bottom: 15px;
}
.highlight-section .hs-col i{
      position: absolute; width: 50px; height: 30px; top: 0; left: 0; bottom: 0; right: 0; margin: auto; text-align: center
}
.hs-bg-1{
      background: #f6f6f6
}
.hs-bg-2{
      background: #ffffff
}
.highlight-section .hs-col a{
      text-decoration: none; display: block
}
.highlight-section .hs-col h3{
      font-size: 22px;
      font-weight: normal;
      color: #4d9594;
      text-align: center;
      padding: 0 15px;
      margin: 0;
      line-height: 28px;
}
.highlight-section-desc {
    color: #545454;
    font-family: BrandonGrotesque-light;
    font-size: 20px;
    line-height: 1.25em;
    margin-top: 0.25em;
      text-align: center;
}


/********************************************************/
.featured-celebration-villas-section .container-fluid{
      padding: 0; position: relative;
}
.featured-celebration-villas-section .container-fluid .row{
      margin: 0; position: relative;
}
.featured-celebration-villas-section .container-fluid .col{
      padding: 0;position: inherit;
}
.featured-celebration-villas-section .btn{
      min-width: 200px; border-radius: 0
}
.fc-white-text-content{
      position: relative; z-index: 1; padding: 75px
}
.fc-white-text-content.left{
      padding: 90px 50px 90px 50px;width: 100%;
}
.fc-white-text-content.left .fc-overlay-content{
      width: 100%; 
}
.fc-white-text-content.left{
    background:#fff;
      /*background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
      background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);
      background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 70%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0) 100%);*/
}
.fc-white-text-content.right .fc-overlay-content{
      padding-right: 20px;
}

.fc-white-text-content.right{
      padding: 90px 50px 90px 50px;width: 100%;float: right;
}
.fc-white-text-content.right{
    background:#fff;
      /*background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 30%, rgba(255,255,255,1) 100%);
      background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);
      background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 20%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%);*/
}
.fc-white-text-content.right .fc-overlay-content{
      padding-right: 20px;
      float: right;
      width: 100%;
}

.fc-overlay-content h2{
      color: #676767;
      font-size: 42px;
      font-family: BrandonGrotesque-Light;
      font-weight: normal;
      margin: 0 0 25px;
      padding: 0;
}
.fc-overlay-content p{
      color: #545454;
      font-family: BrandonGrotesque-light;
      font-size: 23px; padding: 15px 0 15px;
}
.featured-celebration-villas-section .container-fluid .row .img-fluid{
      position: absolute;
      width: 70%; height: 100%; object-fit: cover;
}
.featured-celebration-villas-section .container-fluid .row .img-fluid.left{
      right: 0;
}
.featured-celebration-villas-section .container-fluid .row .img-fluid.right{
      left: 0;
}
.featured-celebration-villas-section .btn{
      font-family: BrandonGrotesque-Light; font-size: 20px;
}

/**********************************************************/
.offers-section .container-fluid{
      padding: 0
}
.offers-section .row{
      padding: 0; margin: 0
}
.offers-item-block{
      padding: 0; position: relative;
}
.offers-item-block a{
      display: block
}
.offers-item-block .overlay-content{
      position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3);
}
.offers-item-block .overlay-content h2{
      color: #fff; font-size: 25px; font-family: BrandonGrotesque-Light; position: absolute; top: 0; left: 0; right: 0; margin: auto;
      bottom: 0; height: 30px; width: 100%; text-align: center; text-shadow: 0 0 5px rgba(0,0,0,.5)
}
.offers-item-block img{
      width: 100%; height: 100%; object-fit: cover
}


.guest_block{
    position: relative;
}
.homepage_form span#guest_label {
    position: absolute;
    top: 23%;
    color: #656363;
    left: 39%;
    font-size: 1.12em;
    
}

.homepage_form i#guest_add {
    position: absolute;
    top: 29%;
    left: 70%;
    font-size: 1.22em;
    color: #a3a3a3;
}

.homepage_form i#guest_min {
    position: absolute;
    top: 29%;
    left: 85%;
    font-size: 1.22em;
    color: #a3a3a3;
}
    
.homepage_form span#guest_label1 {
    position: absolute;
    top: 23%;
    color: #656363;
    left: 39%;
    font-size: 1.12em;
    
}

.homepage_form i#guest_add1 {
    position: absolute;
    top: 29%;
    left: 70%;
    font-size: 1.22em;
    color: #a3a3a3;
}

.homepage_form i#guest_min1 {
    position: absolute;
    top: 29%;
    left: 85%;
    font-size: 1.22em;
    color: #a3a3a3;
}    
.offers-item-block {
    padding: 0 !important; 
}
/**********************************************************/
.collectionTextWrapper {
    position: absolute;
    top: 50px;
    left: 45px;
    right: 45px;
}
.collectionTextWrapper a{
  text-decoration: none;
}
.collectionImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.collectionTitle {
    color: #fff;
    display: inline-block;
    font-size: 35px;
    line-height: 35px;
    cursor: pointer;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0;
  font-family: BrandonGrotesque-Light;
}
.collectionText {
    display: block;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
    margin-top: 5px;
    cursor: pointer;
    letter-spacing: normal;
    margin-bottom: 0;
  font-family: BrandonGrotesque-Light;
}
.collectionCTA, .collectionCTA:link{
    border: 2px solid #fff;
    height: 42px;
    line-height: 40px;
    color: #fff;
    font-family: Georgia,serif;
    font-size: 20px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    padding: 0 30px;
    cursor: pointer;
  font-family: BrandonGrotesque-Light;
  background: #60b1b7;
    border: 1px solid #60b1b7;
}
.collectionCTA:hover, .collectionCTA:active, .collectionCTA:visited {
  background: #fff;
  border-color: #60b1b7;
    color: #60b1b7;
} 
/*.swiper-button-next {
    position: absolute;
    background: url('assets/images/arrowicon.png') 0 0 no-repeat;
    width: 100px;
    height: 205px;
    left: 0;
    top: 45%;
    transition: opacity 800ms;
}
.swiper-button-prev {
    position: absolute;
    background: url('assets/images/arrowicon.png') 0 -205px no-repeat;
    width: 100px;
    height: 205px;
    right: 0;
    top: 45%;
    content: "";
    transition: opacity 800ms;
}
*/

/*********************************************************/

@media( max-width: 991px){
      .fc-white-text-content.left{
            width: 100%
      }
      .home-banner-section.listingBannerSection{
            height: auto;
            min-height: 500px;
      }
}
@media( max-width: 768px){
      .banner-form-panel .form-col{
            flex: 1 1 100%; max-width: 100%;
      }
      .banner-form-panel .form-col + .form-col{
            padding-left: 15px;margin-top: 15px;
      }
      .banner-form-section{
            height: 70vh;
      }
      .banner-form-section h2{
            font-size: 6vw;
      }
      .banner-content-info{
            display: none
      }
      .bx-wrapper .bx-pager{
            text-align: center !important;
            bottom: -12px !important;
      }
      .featured-celebration-villas-section .container-fluid .row .img-fluid{
            position: relative;
            width: 100%; height: 100%; object-fit: cover;right: 0;
      }
      .fc-white-text-content.left{
            width: 100%; padding: 25px; text-align: center;flex: 0 0 100%;
      }
      .row-col-panel{width: 100%;flex: 0 0 100%;}
      .fc-white-text-content.right{
            width: 100%; padding: 25px; text-align: center;flex: 0 0 100%;
      }
      .fc-white-text-content.right .fc-overlay-content,
      .fc-white-text-content.left .fc-overlay-content{
            width: 100%;
      }
      .banner-tab-panel{
            width: 100%; text-align: center;
      }
  .home-banner-section .bx-viewport, 
  .home-banner-section .bx-viewport .homeBanner{
    height: 100vh !important;
  }
}
@media( max-width: 575px){
.bx-controls{
     display:none;
}
 #featured_search_term{
     display:none;
 }
 .banner-form-section{
  width:92%;
 }
}
@media( max-width: 420px){

}